import Vue from 'vue'
import VueRouter from 'vue-router' 

Vue.use(VueRouter)

const routes = [
    {
        path:'/',
        name:'Main',
        // component:Home
        //按需引入
        component: () => import('../views/Main.vue'),
        children:[
            // {
            //     path:'/home',
            //     name:'home',
            //     component: () => import('../views/home')
            // },
            // {
            //     path:'/user',
            //     name:'user',
            //     // component:Home
            //     //按需引入
            //     component: () => import('../views/User/index.vue') 
            // },
            // {
            //     path:'/mall',
            //     name:'mall',
            //     // component:Home
            //     //按需引入
            //     component: () => import('../views/mall/index.vue')
            // },
            // {
            //     path:'/page1',
            //     name:'page1',
            //     // component:Home
            //     //按需引入
            //     component: () => import('../views/other/pageOne.vue')
            // },
            // {
            //     path:'/page2',
            //     name:'page2',
            //     // component:Home
            //     //按需引入
            //     component: () => import('../views/other/pageTwo.vue')
            // }
        ] 
    },
    {
        path:'/login',
        name:'login',
        component:() => import('../views/Login/login.vue')
    }
]

const router = new VueRouter({
    mode:'history',
    routes

})

export default router